import './App.css';
import {createContext, useContext, useEffect, useRef, useState} from "react";

/**
 * 问题: 布尔切换的逻辑 当前组件耦合在一起的 不方便复用
 *
 */
function useToggle() {
    const [value, setValue] = useState(true)
    let toggle = () => setValue(!value)
    return {
        value,
        toggle
    }
}

function App() {
    let {value, toggle} = useToggle();
    return (
        <div>
            {value && <div>Hook函数测试</div>}
            <button onClick={toggle}>toggle</button>
        </div>
    )
}

export default App;